			
			body{
				margin: 0;
				padding: 0;
				font-weight: normal;
    			color: rgba(0,0,0,0.87);
    			font-size: 14px;
    			line-height: 1.5;
				font-family: Avenir Next,Helvetica,Arial,Lantinghei SC,Microsoft YaHei,sans-serif;
			}
			.left{
				float: left;
			}
			.pic-footer>.right{
			    position: absolute;
			    padding: 6px 10px;
			    right: 0;
			    bottom: -4px;
    		}
			.right{
				float: right;
			}
			.full{
				position: fixed;
		        background-color: rgb(216, 87, 87);
		        top: 0;
		        left: 0;
		        height: 100%;
		        width: 100%;
		        text-align: center;
		        padding-top: 30%;
		        z-index: 999;
			}
			.full-sms{
		        color: #fff;
		    }
		    .loading-foot{
		        position: fixed;
		        bottom: 10px;
		        color: #ada8a8;
		        text-align: center;
		        width: 100%;
		    }
		    .pic-warp{
		    	margin: 6px 10px;
		    }
		    .pic-warp>.pic-main{
		    	box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
    			background: #fff;
    			margin: 12px 0;
    			overflow: hidden;
    			position: relative;
    			
		    }
		    .pic-warp>.pic-main>.pic-img{
		    	position: relative;
		    }
		    .pic-warp>.pic-main>.pic-img>img{
		    	width: 100%;
		    	display: block;
		    }
		    .pic-warp>.pic-main>.pic-footer{
		    	padding: 2px 10px 4px 10px;
		    	overflow: hidden;
		    }
		    .right-menu{
		    	display: none;
		    	position: fixed;
		    	width: 100%;
		    	height: 100%;
		    	top: 0;
		    	left: 0;
		    	z-index: 888;
        		background-color: #FFF;
        		overflow-y: scroll;
    			overflow-x: hidden;
		    }
		    .join{
		    	animation: join 1s;
        		-webkit-animation:join 1s;
		    }
		    .out{
		    	animation: out 1s;
        		-webkit-animation:out 1s;
		    }
		    @keyframes join{
		    0% {transform:translateX(100%)}
		    to {}
		    }
		    @-webkit-keyframes join
		    {
		    0% {-webkit-transform:translateX(100%)}
		    to {}
		    }
		    @keyframes out{
		    from {transform:translateX(0)}
		    to {transform:translateX(100%)}
		    }
		    @-webkit-keyframes out{
		    from {-webkit-transform:translateX(0)}
		    to {-webkit-transform:translateX(100%)}
		    }
		    @keyframes bounceIn {
			  from, 20%, 40%, 60%, 80%, to {
			    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
			  }
			
			  0% {
			    opacity: 0;
			    transform: scale3d(.3, .3, .3);
			  }
			
			  20% {
			    transform: scale3d(1, 1, 1);
			  }
			
			  40% {
			    transform: scale3d(.93, .93, .93);
			  }
			
			  60% {
			    opacity: 1;
			    transform: scale3d(1, 1, 1);
			  }
			
			  80% {
			    transform: scale3d(.97, .97, .97);
			  }
			
			  to {
			    opacity: 0.1;
			    transform: scale3d(1, 1, 1);
			  }
			}

		    .ew-info>.ew-send-btn{
		    	background-color: #f13b54;
		    	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
   				 box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
		    }
		    .ew-bar{
		    	background-color: #ff2240;
   				text-align: center;
		    }.ew-li-main {
    			    border-left: 7px solid #ff2240;
    		}.ew-li-reply{
    		    color: #f13b54;
    		}
		    .pic-warp>.pic-main>.pic-img>.zhe{
		    	 opacity: 0;
		    	position: absolute;
			    top: 0;
			    left: 0;
			    width: 100%;
    			height: 100%;
    			line-height: 190px;
		    	text-align: center;	
		    	background-color: rgba(0,0,0,0.68);
		    	color: #FDFDFD;
		    	animation: bounceIn 2s;
		    }
		   .pic-warp>.pic-main>.pic-img>.zhe img {
		    	vertical-align: middle;
			    height: 40px;
			    width: 40px;
			    margin-right: 10px;
			    position: relative;
    			top: -2px;
		    }
		    .footer{
		    	text-align: center;
		    }